<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta name="description" content="">
    <title>项目广场</title>
    <link href="/css/css.css" rel="stylesheet" type="text/css">
    <!--    <link href="/css/Animation.css" rel="stylesheet" type="text/css">-->
    <link href="/layui/css/layui.css" rel="stylesheet" type="text/css">
    <link href="/css/slider.css" rel="stylesheet" type="text/css">
    <link rel="icon" href="images/icon.ico">
    <script src="/Look_js/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script src="/js/common.js" type="text/javascript"></script>
    <script src="/js/slider.js" type="text/javascript"></script>
    <script src="/js/html5.js" type="text/javas cript"></script>
    <script src="/js/jquery2.js" type="text/javascript"></script>
    <script src="/js/jquery.js" type="text/javascript"></script>
    <script src="/js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
    <script src="/Look_js/jquery.pagination.js" type="text/javascript"></script>
    <link href="https://cdn.staticfile.org/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet">
    <link href="Look_js/icone.css" rel="stylesheet" type="text/css">
    <link href="/layui/css/layui.css" rel="stylesheet" type="text/css">
    <link href="Look_js/project-search.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link href="Look_js/project-search.css" rel="stylesheet" type="text/css">
    <style>
        #toTop{
            width: 50px;
            height: 65px;
            border: 1px solid black;
            background-color: #f3f6f6;
            opacity: 0.5;
            text-align: center;
            position: fixed;
            right: 80px;
            bottom: 0px;
        }
    </style>
</head>

<body>
<header class="navbar-fixed-top headerbg">
    <div class="container-fluid">
        <div class="logo">
            <h3 style="line-height: 30px"><a href="#"><span style="font-size: 30px;">朋心合力</span></a></h3>
        </div>
        <div class="navBox hidden-xs hidden-sm">
            <ul class="navList list-unstyled">
                <li class="navLi">
                    <h3><a href="/index"><span>首页</span></a></h3>
                </li>
                <li class="navLi">
                    <h3><a href="/publish"><span>项目发布</span></a></h3>
                </li>
                <li class="navLi">
                    <h3><a href="/course"><span>课程学习</span></a></h3>
                </li>
                <li class="navLi on">
                    <h3><a href="/lookingprojects"><span>项目广场</span></a></h3>
                    <div class="navSub">
                        <ul class="navSubList list-unstyled">
                            <li class="navSubLi">
                                <h4><a href="/lookingtalents">● 寻找合伙人</a></h4>
                            </li>
                            <li class="navSubLi">
                                <h4><a href="/lookingprojects">● 寻找项目</a></h4>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="navLi">
                    <h3><a href="/userInformation"><span>个人主页</span></a></h3>
                </li>
            </ul >
        </div>
    </div>
</header>
<div class="bannerN animated" style="background-image: url(Lookingimg/gs_bg_02.png);">
    <div class="imgFull"><img src="Lookingimg/gs_bg_02.png" class="img-responsive"></div>
    <h2 class="banH2 wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">产品案例</h2>
    <h3 class="wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">通过不断的努力不断的专研，研发出专业的软件</h3>
    <div class="sky">
        <div class="clouds_one"></div>
        <div class="clouds_two"></div>
        <div class="clouds_three"></div>
    </div>
</div>
<!--产品案例-->
<div class="container clearfix">
    <div class="mtb20 case_style">
        <div class="cose_sort clearfix">
            <ul>
                <li><a href="lookingprojects.html" class="sort_btn on">项目广场</a></li>
                <li><a href="lookingtalents.html" class="sort_btn ">人才广场</a></li>
            </ul>
        </div>
        <div class="top-search-box">
            <div class="container">
                <div class="project-search-box">
                    <div class="clearfix"></div>
                    <input type="hidden" class="search-control" id="industryCodeFake" data-id="industryCode">
                    <input type="hidden" class="search-control" id="wasBindUniTechnologyFake"
                           data-id="wasBindUniTechnology">
                    <input type="hidden" class="search-control" id="investStatusFake" data-id="investStatus">
                    <input type="hidden" class="search-control" id="provinceCodeFake" data-id="provinceCode">
                </div>
                <!-- 主体内容 -->
                <div class="project-search-map">
                    <div class="project-search-map-item ">
                        <span class="map-item-title">所属领域</span>
                        <form class="wd" id="industryCode" data-toggle="buttons"
                              style="height: 80px">
                            <label class="btn">
                                <input type="radio" name="zone" value="全部技术领域">全部技术领域
                            </label>
                            <label class="btn">
                                <input type="radio" value="创新" name="zone">创新
                            </label>
                            <label class="btn">
                                <input type="radio" value="文化" name="zone">文化
                            </label>
                            <label class="btn">
                                <input type="radio" value="扶贫" name="zone">扶贫
                            </label>
                            <label class="btn  ">
                                <input type="radio" value="水、电、热力、燃气生产及供应" name="zone">水、电、热力、燃气生产及供应
                            </label>
                            <label class="btn  ">
                                <input type="radio" value="建筑业" name="zone">建筑业
                            </label>
                            <label class="btn  ">
                                <input type="radio" value="批发和零售业" name="zone"> 批发和零售业
                            </label>
                            <label class="btn  ">
                                <input type="radio" value="交通运输、仓储和物流业" name="zone">交通运输、仓储和物流业
                            </label>
                            <label class="btn  ">
                                <input type="radio" value="住宿和餐饮业" name="zone">住宿和餐饮业
                            </label>
                            <label class="btn  ">
                                <input type="radio" value="信息技术服务业" name="zone">信息技术服务业
                            </label>
                            <label class="btn  ">
                                <input type="radio" value="文化、体育和娱乐业" name="zone">文化、体育和娱乐业
                            </label>
                            <label class="btn" style="float: right">
                                <input type="button" onclick="btn()" value="提交">
                            </label>
                            <div class="clearfix"></div>
                        </form>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
        <!--        内容-->
        <div class="content" data-i-value>
            <table class="layui-hide" id="test" lay-filter="test"></table>
        </div>
    </div>
</div>
<!--底部样式-->
<footer class="footerBg">
    <div class="container" style="width: 1300px">
        <div class="ptb40">
            <div class="footTopL">
                <dl class="clearfix" style="width: 400px; margin-left: 120px;">
                    <dt>关于我们</dt>
                    <dd><a href="#">联系地址</a></dd>
                    <dd><a href="#">荣誉资质</a></dd>
                    <dd><a href="#">加入我们</a></dd>
                    <dd><a href="#">意见及建议</a></dd>
                </dl>
                <dl class="clearfix" style="width: 400px; margin-left: 70px;">
                    <dt>系统团队</dt>
                    <dd><a href="#">林某</a></dd>
                    <dd><a href="#">李某</a></dd>
                    <dd><a href="#">蔡某</a></dd>
                    <dd><a href="#">周某</a></dd>
                </dl>
                <dl class="clearfix" style="width: 400px; margin-left: 90px;">
                    <dt>培训中心</dt>
                    <dd><a href="#">java类培训</a></dd>
                    <dd><a href="#">c/c++类培训</a></dd>
                    <dd><a href="#">Python类培训</a></dd>
                    <dd><a href="#">go语言类培训</a></dd>
                </dl>
                <dl class="clearfix" style="width: 400px; margin-left: 70px;">
                    <dt>权限介绍</dt>
                    <dd><a href="#">队长权限</a></dd>
                    <dd><a href="#">队员权限</a></dd>
                    <dd><a href="#">惩罚机制</a></dd>
                    <dd><a href="#">意见及建议</a></dd>
                </dl>
            </div>
        </div>
    </div>
    <div class="CopyRight" >
        <div class="container" style="margin-left: 150px" >
            <span class="footer_logo" style="position: relative">
                <img src="images/footer_logo.png">
            </span>
            <span class="CopyRight_name" style="position: absolute;left: 1170px;">朋心合力平台版权所有</span>
        </div>
    </div>
</footer>
<div id="toTop">
    <i class="arrow up icon">
    </i>
    <p style="margin-top: 10px">&nbsp;返回顶部</p>
</div>
<script type="text/javascript">
    window.onload=function () {
        var oToTop=document.getElementById("toTop");
        oToTop.onclick=function () {
            document.documentElement.scrollTop="0px";
            document.body.scrollTop="0px";
        }
    }
</script>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs" lay-event="applyJoin">申请加入</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="lookProject">查看项目</a>
</script>
<script src="/layui/layui.js" charset="utf-8"></script>
<script>
    function btn() {
        var item = null;
        var obj2 = document.getElementsByName("zone")
        for (var i = 0; i < obj2.length; i++) {
            if (obj2[i].checked) {
                item = obj2[i].value;
            }
        }
        layui.use('table', function () {
            var table = layui.table;
            $ = layui.jquery;
            table.render({
                elem: '#test'
                , url: '/getProjectListByTag'
                , where: {'zone': item}
                , method: 'GET'
                , cols: [
                    [
                        {field: 'projectId', width: 80, title: '项目编号', sort: true}
                        , {field: 'projectName', width: 80, title: '项目名称'}
                        , {field: 'masterId', width: 80, title: '队长编号'}
                        , {field: 'projectDescription', width: 80, title: '项目简介'}
                        , {field: 'projectTag', title: '项目标签', minWidth: 113}
                        , {field: 'createTime', width: 600, title: '项目创建时间'}
                        , {fixed: 'right', title: '操作', toolbar: '#barDemo', width: 165}
                    ]
                ]
                , page: true
            });
            table.on('tool(test)', function (obj) {
                var data = obj.data;
                if (obj.event === 'applyJoin') {
                    layer.confirm('确定申请此项目吗?', function (index) {
                        // layer.alert(data.projectId + ':' + data.masterId);
                        $.get({
                            url: '/applyJoinTeamInSquare',
                            data: {'projectId':data.projectId,'masterId':data.masterId},
                            contentType: 'application/json;charset=UTF-8',
                            dataType: "json",
                            success: function (res) {
                                if (res) {
                                    layer.msg("申请成功，请在两个工作日内进入个人主页查询结果", {time: 1000}, function () {
                                        table.reload('test', table);
                                    });
                                } else{
                                    layer.msg("申请失败，您已经申请过", {time: 1000}, function () {
                                        table.reload('test', table);
                                    });
                                }
                            }
                        });
                    });
                } else if (obj.event === 'lookProject') {
                    location.href="/lookDetailedProject/"+data.projectId;
                    //查看项目详情功能
                    // layer.alert(data.projectId);
                    // $.get({
                    //     url: '/lookDetailedProject',
                    //     data: {'projectId':data.projectId},
                    //     contentType: 'application/json;charset=UTF-8',
                    //     dataType: "json"
                    // });
                }
            });
        });
    }
</script>

</body>
</html>

